﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#pagePath{
    margin-top:1em;
    margin-bottom:1em;
    display:none;
}
a.strong{
    font-size:1.5em;
    font-weight:bold;
}

#orderHead{
    background-color:$ClrMsg;
    border:1px solid $ClrTheme;
    padding:0.3em;
    margin-bottom:1em;
}
#oh-id{

}
#oh-status{
    &.Draft{
        color:gray;
        &>i{
            @include soicon($ClrThemeTxt);
            @extend .icon-help;
        }
    }
    &.Active{
        color:$ClrTheme;
        &>i{
            @include soicon($ClrTheme);
            @extend .icon-update;
        }
    }
    &.Completed{
        color:$ClrOk;
        &>i{
            @include soicon($ClrOk);
            @extend .icon-done;
        }
    }
    &.Pending{
        color:$ClrImportant;
        &>i{
            @include soicon($ClrImportant);
            @extend .icon-help;
        }
    }
}

#orderStatusEx{
    border-top:1px solid darken($ClrMsg,30);
    &>div{
        margin-top:5px;
        &>div{
        }
    }
}

#orderProcess {
    & > div {
        border: 1px solid rgba(0,0,0,0);
        padding: 5px;
        cursor:pointer;
        &:hover {
            border: 1px solid $ClrTheme;
            background-color:white;
            -moz-transition: all ease-out 0.5s;
            -o-transition: all ease-out 0.5s;
            -webkit-transition: all ease-out 0.5s;
            transition: all ease-out 0.5s;
        }
    }
}

.InfoSection{
    margin-top:1em;
    border:1px solid white;
    &>.InfoSectionTitle{
        width:100%;
        font-size:1.3rem;
        font-weight:bold;
        height:3rem;
        line-height:3rem;
        cursor:pointer;
        &:hover{
            background-color:$ClrDisable;
        }
        &>i{
            float:right;
            @include soicon($ClrThemeTxt,3rem);
            @extend .icon-unfoldmore;
        }
    }
    &>.InfoSectionBody{
        padding:0.3rem;
        display:none;
        overflow:hidden;
    }

    &.expand{
        &>.InfoSectionTitle{
            &>i{
                @extend .icon-unfoldless;
            }
        }
        &>.InfoSectionBody{
            height:auto;
            display:block;
        }
    }
}

#tradeInfo{
    &>.ti-body{
        /*background-image: url('../Imgs/col-grid.gif');
        background-position:left top;
        background-repeat:repeat;
        background-size:33.5% auto;*/
    }
}
.tradeInfoGroup{
    margin-bottom:0.5em;
    padding:0.3em;
    background-color: #fafafa;
    &>dl{
        padding-left:1em;
        &>dt{
            width:8rem;
            vertical-align:top;
        }
        &>dd{
            width:70%;

        }
    }
}

#lnkDeliveryPrnt{
    float:right;
}

#chkGridStyle{
    float:right;
    margin-top:1rem;
}

#orderItems{
    
}
.classicStyle,.modenStyle{
    & .DataField{
        &>.df-value{
            padding-left:4.5rem;
        }
    }
}
.order-item-tpl{
    display:none;
    background-color:lighten($ClrDisableBk,5);
}
.order-item-product{
    padding:0 1rem;
    text-align:left !important;
}
.order-item-describe{
    padding:0 1rem;
    text-align:left !important;
}
.order-item-count{
    height:4rem;
    line-height:4rem;
}
.order-item-specification{
      text-align:left !important;
      padding-left:6pt !important;
  }
.order-item-process{
    padding-top:1rem;
}
.order-item-todelivery{
    position:absolute !important;
    height:100%;
    right:0;
    padding:1px;
    &>input{
        height:100%;
        width:100%;
        text-align:center;
    }
}

.order-summy{
    &>div{
        float:right;
        width:14rem;
        &>strong{
            width:6rem;
            text-align:right;
        }
    }
}

#order-summy-pay{
    width:15rem;
    font-size:1.5rem;
    padding-top:1rem;
    border-top:1px solid $ClrTheme;
}

#prnt{
    padding-top: 2rem;
    margin-bottom:2rem;
    position: relative;
    & .delivery-info{
        position:relative;
        margin-top: 1rem;
        &>h3{
            text-align:center;
        }
        &>span{
            float:right;
        }
    }
}
.supplier-info{
    text-align:center;
}
#cloudLogo{
    height:4rem;
    width:4rem;
    position:absolute;
    left:0;
}
#si-logo{
    height:4rem;
    width:4rem;
    position:absolute;
    left:5rem;
}
#dlv-barcode{
    position:absolute;
    right:1rem;
    top:1rem;
    height:12rem;
}
#dlv-memo{
    min-height:4rem;
    width:100%;
    resize:none;
}
